<!-- 支付结果页面 -->
<template>
  <s-layout title="提现" :bgStyle="{ color: '#FFF' }">
    <view class=" ss-flex-col ss-row-center ss-col-center">
      <view class="txt-1">提现成功</view>
	  <view class="txt-2 ss-flex ss-m-58">
		  <view>￥</view>{{state.amount}}
	  </view>
     <view class="txt-3">可前往“微信支付-服务-账单”中查看明细</view>
     
      <view class="btn-box ss-flex ss-row-center ss-m-t-50">
        <button class="btn ss-reset-button" @tap="back()">
          返回提现申请
        </button>
        
      </view>
      
    </view>
  </s-layout>
</template>

<script setup>
  import { onLoad, onHide, onShow } from '@dcloudio/uni-app';
  import { reactive, computed } from 'vue';
  import { isEmpty } from 'lodash';
  import sheep from '@/sheep';

  const state = reactive({
    amount:'0.00',
	tag:null
  });

  function back(){
	  console.log('跳转到log')
	  uni.$emit('updateItem', {
	  	tag: state.tag
	  })
	  uni.showLoading({
		  title:'处理中...',
		  icon:'none',
	  })
	  setTimeout(()=>{
		  uni.hideLoading()
		  uni.navigateBack({
		  		  delta:1
		  })
	  },3000)
	  
  }



 




  onLoad(async (options) => {
    state.amount=options.amount
	state.tag=options.tag
  });

  onShow(() => {
	  
  });

  onHide(() => {
    
  });
</script>

<style lang="scss" scoped>
  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

.txt-1{
	font-size: 36rpx;
	font-weight: 500;
	margin-top: 100rpx;
}
.txt-2{
	
		font-size: 90rpx;
		font-weight: 900;
	view{
		font-size: 44rpx;
	}
}
.txt-3{
	font-size: 24rpx;
	font-weight: 500;
	color:#787878
}
.btn{
	background: linear-gradient(281deg, #05D5BF 0%, #06C2AE 50%, #A2CEFD 100%);
	width: 486rpx;
	height: 92rpx;
	border-radius: 20rpx;
	color: #FFFFFF;
	font-size: 36rpx;
	margin-top:540rpx;
}
</style>
